<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="x-ua-compatible" content="IE=dege">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

		<link rel="stylesheet" href="lib/bootstrap/css/bootstrap.min.css">
		<script src="js/jquery-3.2.1.min.js"></script>
		<script src="lib/bootstrap/js/bootstrap.min.js"></script>
		<link rel="stylesheet" href="css/navbar.css">
		<script type="text/javascript" src="js/navbar.js"></script>

		<title>H职场</title>
	</head>

	<body style="overflow-x: hidden;">
		<!--******实现导航栏下拉功能*********-->
		<script type="text/javascript">
			$(document).ready(function() {
				$(".nav>li").mouseenter(function() {
					$(this).children("a").dropdown("toggle");
				});
			});

			$(document).ready(function() {
				$(".nav>li").mouseleave(function() {
					$(this).children("a").dropdown("toggle");
				});
			});
		</script>
	     <!--头部-->
		<div class="head">
			<!--导航栏菜单-->
		<div class="navbar navbar-default navbar-inverse">
			<div class="navbar-header">
				<!--导航栏小屏幕显示的菜单下拉按钮-->
				<button class="navbar-toggle" data-toggle="collapse" data-target="#navDiv">
	     			<span class="icon-bar"></span>
	     			<span class="icon-bar"></span>
	     			<span class="icon-bar"></span>
	         	</button>
			</div>

			<div id="navDiv" class="collapse navbar-collapse">
				<ul class="nav navbar-nav navbar-left ">
					<li class="dropdown">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown">H职场首页 </a>

					</li>
					<li class="dropdown">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown">找全职 </a>
					</li>
					<li class="dropdown">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown">找兼职</a>

					</li>
					<li class="dropdown">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown">找实习 </a>

					</li>
					<li class="dropdown">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown">企业宣讲会</a>

					</li>
					<li class="dropdown">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown">商业伙伴 <span class="caret"></span></a>
						<ul class="dropdown-menu">

							<li>
								<a title="商业伙伴" target="_self" href="#">商业伙伴</a>
							</li>

							<li>
								<a target="_blank" href="#">申请加入</a>
							</li>
						</ul>
					</li>
				</ul>

				<!--没登录的时候-->
				<div id="navRightDiv" class="nav-right">
					<div class="loginAndRegisterAndlook">
						<a id="login" class="btn btn-success" data-toggle="modal" data-target="#modal_login" href="#">登录 &nbsp&nbsp</a>
						<a class="btn btn-primary" data-toggle="modal" data-target="#modal_register" href="javascript:void(0)">&nbsp&nbsp注册</a>
						<!--开始分享好友功能    来源网站http://wiki.mob.com/%E5%BF%AB%E9%80%9F%E9%9B%86%E6%88%90-13/-->
						<a class="-mob-share-open btn btn-danger" type="button" href="javascript:void(0)">&nbsp&nbsp分享H职场</a>
						<div class="-mob-share-ui" style="display: none">
							<ul class="-mob-share-list">
								<li class="-mob-share-weibo">
									<p>新浪微博</p>
								</li>
								<li class="-mob-share-qzone">
									<p>QQ空间</p>
								</li>
								<li class="-mob-share-qq">
									<p>QQ好友</p>
								</li>
								<li class="-mob-share-twitter">
									<p>Twitter</p>
								</li>
							</ul>
							<div class="-mob-share-close">取消</div>
						</div>
						<div class="-mob-share-ui-bg"></div>
						<script id="-mob-share" src="http://f1.webshare.mob.com/code/mob-share.js?appkey=21db3dc6d109a"></script>
						<!--分享好友功能结束-->
					</div>
				</div>
				<!--登录成功的右边-->
				<div id="loginNavRightDiv" class="nav-right" style="display:none;">
					<div class="loginOk" style="position: relative;">
						<ul class="nav navbar-nav" style="margin-top: 2px;">
							<a  type="button" class="PersonalCenter" style="cursor: pointer">个人中心</a>
							<!--个人中心下拉栏-->
							<ul id="loginOk-nav" style="position: absolute; z-index: 99999;display:none;">
								<li>个人简历</li>
								<li>消息</li>
								<li id="exitUser">退出</li>
							</ul>
							<a href="#" type="button">
								<img src="img/pic.png">
								</img>
							</a>
						</ul>
					</div>
				</div>
			</div>
		</div>

		<!--登录/注册成功后的弹窗提示开始  -->
		<div class="hint_success" style="display:none">
			<div class="alert" id="alert">
				<span id="hint_span"></span>
			</div>
		</div>
		<!--*******************登录模态框开始************************-->
		<!--1.放一个div，作为模态框的容器，添加类modal-->
		<!--2.模态框是覆盖整个页面的，在里面放置一个模态框，里面放模态框内容，添加类modal-dialog-->
		<div class="modal" id="modal_login" data-show="false">
			<div class="modal-dialog">
				<div class="modal-content" style="margin-top: 120px;">
					<div class="modal-header">
						<!--关闭模态框按钮-->
						<!--data-dismiss 数据消除
             	 				data-dimiss="modal"赋予按钮消除模态框的功能，就是让其不可见
             	 			-->
						<button type="button" class="close" data-dismiss="modal">&times;</button>
						<h3>登录</h3>
					</div>
					<div class="modal-body">
						<form id="form">
							<div class="form-group">
								<label for="user">帐号</label>
								<input autofocus="autofocus" type="text" class="form-control " id="user" name="user" value="763275392@qq.com"><span id="userSpan" style="color: red;font-size: 17px;"></span>
							</div>
							<div class="form-group">
								<label for="pwd">密码</label>
								<input type="password" autocomplete="off" class="form-control" id="pwd" name="pwe" value="123456a"><span id="pwdSpan" style="color: red;font-size: 17px;"></span>
							</div>
						</form>
					</div>
					<div class="modal-footer">
						<button class="btn btn-success" style="float: left;">没有帐号注册？</button>
						<button id="startLogin" class="btn btn-primary" style="width: 60px;">登录</button>
					</div>
				</div>
			</div>
		</div>
		</div>
		</div>
		
	</body>

</html>